<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/v4/common/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/common/hf.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/detail.css" type="text/css" rel="stylesheet" />
<script src="../../js/v4/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../js/v4/jquery.com.js" type="text/javascript"></script>
<script src="../../js/v4/com.plugin.js" type="text/javascript"></script>
<!--[if ie 6]><script src="../../js/v3/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie]><link href="../../css/v4/common/IE.css" type="text/css" rel="stylesheet"><![endif]-->
<script type="text/javascript">
	$(function(){
		$("#upload_avater").click(function(){
			$.fn.popDiv({
				tcID:"upload_img",opacity:0.4,isZZ:true,speed:200,noResize:true
			});	
		});
	});
</script>
</head>

<body>
	<!-- head -->
    <div class="head_wrap" id="head">
    	<div class="head clearfix">
        <div class="fr rbox">
        		<div class="relative_ope" style="display:none;">
                	<a href="#" class="ope"><img src="../../images/v4/other/avater_30x30.png" class="avater block"  /><span class=" index_bg tip"></span><span class=" index_bg triangle"></span></a>
                    <a href="#" class="index_bg mail">mail</a>
                </div>
                <div class="relative_ope">
                	<a href="#" class="lr login" id="loginSort">登录</a>
                    <a href="#" class="lr reg">注册</a>
                    <div class="ls_box" id="lsBox">
                    	<a href="#"><img src="../../images/v4/other/icon_tt.gif" />微博登录</a>
                        <a href="#"><img src="../../images/v4/other/icon_xl.gif" />微博登录</a>
                        <a href="#"><img src="../../images/v4/other/icon_qq.gif" />QQ登录</a>
                        <span class="up_arrow">arrow</span>
                    </div>
                </div>
            	<div class="index_bg search_box">
            		<input type="text" class="text" />
                    <input type="button" class="button" />
            	</div>
            </div>
        	<a href="#" class="logo fl"><img src="../../images/v4/common/logo.png" class="block" /></a>
            
            
            <ul class="menu clearfix">
            	<li>
                	<a href="#" class="main">首页</a>
                    <div class="drop_menu w200">
                        <div class="clearfix">
                            <a href="#" >热门 </a>
                            <a href="#">达人</a>
                            <a href="#">最新</a>
                            <a href="#">达人</a>
                        </div>
                        <span class="up_arrow">arrow</span>
                    </div>
                </li>
                <li>
                	<a href="#" class="main">发现</a>
                    <a href="#" class="current main child">折扣</a>
                    <a href="#" class="main child">男孩</a>
                    <a href="#" class="main child">女孩</a>
                    <a href="#" class="main child">孕妈妈</a>
                </li>
                <li>
                	<a href="#" class="main">专辑</a>
                    <a href="#" class="main child">试用</a>
                    <a href="#" class="main child">好店</a>
                </li>
                <li class="last">
                    <a href="#" class="main">社区</a>
                    <a href="#" class="main">活动</a>
                </li>
            </ul>
            
        </div>
    </div>
    <!-- head--end-->
    
    <!-- home_menu-->
    <div class="w100p">
    	<div class="w980 mg home_menu">
        	<a href="#" class="current">我的首页</a>
            <a href="#">我的分享</a>
            <a href="#">我的收藏</a>
            <a href="#">我的礼品</a>
        </div>
    </div>
    <!-- home_menu--end-->
    
    <!-- ad -->
    <div class="w100p">
        <div class="w980 mg mt5 ad_box">
            <img src="../../images/v4/other/ad_980x74.png" class="block">
            <a href="http://www.baidu.com" class="first">广告一</a>
            <a href="#" class="second">广告二</a>
            <a href="#" class="third">广告三</a>
        </div>
    </div>
    <!-- ad--end-->
    
    <!-- body -->
    
    <div class="w100p pt20 pb35">
    	<div class="w980 mg clearfix">
        	<div class=" box_s6">
            	<div class="setting_box clearfix">
                    <div class=" home_185">
                    	<div class="setting_slide">
                        	<h3><i class="icon_setting"></i>账号设置</h3>
                            <ul>
                            	<li class="current"><a href="#">基本信息</a></li>
                                <li><a href="#">修改头像</a></li>
                                <li><a href="#">修改密码</a></li>
                                <li><a href="#">账号绑定</a></li>
                                <li><a href="#">个人封面</a></li>
                                <li><a href="#">个性域名</a></li>
                                <li><a href="#">收货地址</a></li>
                                <li><a href="#">黑名单</a></li>
                            </ul>
                        </div>    
                    </div>
                    <div class="home_795">
                    	<div class="setting_det_box">
                        
                        	<div class="setting_det" >
                            	<h3>基本资料</h3>
                                <ul class="info_form mt15">
                                	<li>
                                    	<label class=" def_lbl">昵称：</label><span class="nick">马修</span>
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">性别：</label><input type="radio" class="rdo" name="sex" /><span class="sex">男</span>
                                        <input type="radio" class="rdo" name="sex" /><span class="sex">女</span>
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">邮箱：</label><span class="setting_mail">yingjianglin123@163.com</span>
                                        <div class="active_mail">
                                        	<i>还没有激活邮箱</i>
                                            <a href="#" class="def_btn_s7 active_btn">激活邮箱</a>
                                        </div>
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">个人简介：</label><textarea class="ta focus"></textarea>
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">所在地：</label><select>
                                        	<option>北京</option>
                                        </select>
                                        <select>
                                        	<option>东城</option>
                                        </select>
                                    </li>
                                    <li>
                                    	<input type="button" class="def_btn_s5" value="确认修改" />
                                    </li>

                                </ul>
                            </div>
                            
                            <div class="setting_det" style="display:block;">
                            	<ul class="info_form mt15">
                                	<li>
                                    	<label class=" def_lbl">现在的密码：</label><input type="text" class="def_text_1 focus" />
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">新的密码：</label><input type="text" class="def_text_1 focus" />
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">确认新的密码：</label><input type="text" class="def_text_1 focus" />
                                    </li>
                                    <li>
                                    	<input type="button" class="def_btn_s5" value="确认修改" />
                                    </li>
                                </ul>
                            </div>
                            
                            <div class="setting_det">
                            	<table class="up_avater">
                                	<tr>
                                    	<td class="t_col1">上传头像：</td><td><img src="../../images/v4/other/avater_100x100.png" width="100" height="100" class="avater" /></td>
                                    </tr>
                                    <tr>
                                    	<td class="t_col1">上传新头像：</td><td><a href="#" class="def_btn_s2" id="upload_avater">上传头像</a><p style="padding:5px 0 0 0;">建议使用正方形的图片，支持JPG、GIF、JPG格式，100K以内。</p></td>
                                    </tr>
                                    <tr>
                                    	<td></td><td></td>
                                    </tr>
                                </table>
                                
                                <!-- upload_img -->
                                
                                <!-- upload_img -->
                                
                            </div>
                            
                        </div>
                    </div>
                </div>
            	<div class="shadow"></div>
            </div>
        </div>
    </div>
    	<!-- upload_img -->
            <div class="tc_box release_box" id="upload_img" style="display:none;" >
                <div class="release_title">
                    <a href="#" class="tc_close close_btn">关闭</a>
                    <p>上传照片</p>
                </div>
                <div class="content">
                    <div class=" upload_box">
                        <h2>点击浏览从电脑选择一张照片</h2>
                        <input type="file" value="选择文件" />
                        <div class="cut_img_box">
                            <div class="resource_img">
                                <img src="../../images/v4/other/pro_280x280.png" />
                            </div>
                            <div class="first_img">
                                <img src="../../images/v4/other/pro_120x120.png" />
                            </div>
                            <div class="second_img">
                                <img src="../../images/v4/other/pro_34x34.png" />
                            </div>
                        </div>
                        <div class="load_img_tip pb35">
                            <ul>
                                <li>
                                    <i class="gray_circle"></i>提示
                                </li>
                                <li>
                                    <i class="gray_circle"></i>仅支持JPG、JPEG、PNG格式图片
                                </li>
                                <li>
                                    <i class="gray_circle"></i>照片大小不超过2MB。
                                </li>
                            </ul>
                        </div>
                        <div class="btn_box">
                            <a href="#" class="def_btn_s2">确认</a>
                            <a href="#" class="def_btn_s2">取消</a>
                        </div>
                    </div>	
                </div>
            </div>
        <!-- upload_img -->
    <!-- body--end-->
</body>
</html>
